.home {
	background-color: #F2F2F2;
	overflow: hidden;
}
.home_top {
	width: 100%;
	height:100upx;
	padding: 0 20upx;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	background-color: #FFFFFF;
	.home_top_map {
			width:160upx;
			height: 96upx;
			display: flex;
			align-items: center;
			justify-content: center;
			-webkit-align-items: center;
			margin-right: 10upx;
			line-height: 96upx;
			font-size: 28upx;
			color: #333333;
			.icon {
				font-size: 28upx;
				margin-left: 10upx;
			}
			.map_area {
				font-size: 28upx;
				color: #333333;
				height: 32upx;
				line-height: 32upx;
				// line-height:28upx;
				// width: 84upx;
				// overflow: hidden;
				white-space: nowrap;
				text-align: center;
			}
			.map_icon {
				height: 60upx;
				display: flex;
				align-items: center;
			}
	}
	.home_top_right {
		width: 100upx;
		height: 60upx;
		border-radius: 6upx;
		background-color: #8938d3;
		font-size: 32upx;
		color: #FFFFFF;
		text-align: center;
		line-height: 60upx;
		margin-left: 20upx;
	}
	.home_top_search {
		flex: 1;
		height: 68upx;
		position: relative;
		// margin-right: 10upx;
		// background-color: #F2F2F2;
		// height: 60upx ;
		// padding: 0 10upx;
		// box-sizing: border-box;
		// border-radius: 60upx;
		// font-size: 28upx;
		// color:#cccccc; 
		// display: flex;
		// align-items: center;
		.icon_search {
			position: absolute;
			width: 28upx;
			height: 28upx;
			left: 20upx;
			top: 50%;
			transform: translate(0 ,-50%);
		}
		.err {
			position: absolute;
			right: 20upx;
			top: 50%;
			z-index: 11;
			width: 36upx;
			height: 36upx;
			transform: translate(-30% ,-50%);
			display: flex;
			align-items: center;
			.icon_error {
				font-size: 36upx;
				height:36upx;
			}
		}
		.uni-input {
			background-color: #F2F2F2;
			// caret-color: transparent;
			height: 68upx ;
			width: 100%;
			padding: 0 10upx;
			padding-left: 56upx;
			box-sizing: border-box;
			border-radius: 34upx;
			font-size: 28upx;
			line-height: 68upx;
			color:#333; 
		}
	
	}
}
// 赛事活动  快捷入口
.home_shortcut {
	position: relative;
	width: 100%;
	height: 60upx;
	padding: 0 60upx;
	box-sizing: border-box;
	.home_quickentry {
		width: 33%;
		// height: 160upx;
		float: left;
	span {
		margin: 0 auto;
		margin-top: 10upx;
		display: block;
		width: 100upx;
		height:50upx;
		text-align: center;
		font-size: 32upx;
		color: #333333;
		// border-bottom: 2upx solid #007AFF;
	}
	.line {
			display:none ;
	}
}

.home_quickentry_title{
	position: relative;
	span { color: #8938d2;font-weight: bold;font-size: 32upx;}
	.line {
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translate(-50%,100%);
		width: 35upx;
		height: 4upx; 
		background-color:#8938d2;
		display: block;
		}
}
.line {
	position: absolute;
	bottom:2upx;
	width: 80upx;
	height: 4upx;
	background-color: #007AFF;
	}
}

.sl_filter {
	background-color: #FFFFFF;
	width: 100%;
	margin-bottom: 10upx;
}
.filter {
	display: flex;
	justify-content: space-around;
	height: 84upx;
	width: 100%;
	border-top:  2upx solid #e1e1e1;
	box-sizing: border-box;
	align-items: center;
	.filter_content {
		height: 32upx;
		font-size: 28upx;
		color: #333333;
		flex: 1;
		display: flex;
		align-items: center;
		justify-content: center;
		border-right: 2upx solid #e1e1e1;
		.icon {
			font-size: 12upx;
			color: #666666;
			margin-left: 4upx;
			margin-top: 4upx;
		}
		.icont {
			display: none;
		}
	}
	.filter_content:last-child {
		border-right: 0;
	}
	.filter_content_c {
		color: #8938d3;
		.icon {
			color: #8938d3;
			display: none;
		}
		.icont {
			display: block;
		}
	
	}
}
.filter_b {
	padding: 0 30upx;
	box-sizing: border-box;
	display: flex;
	height: 80upx ;
	align-items: center;
	.filter_content_detail {
		height: 52upx;
		width: 180upx;
		box-sizing: border-box;
		border: 2upx solid #e1e1e1;
		font-size: 28upx;
		color: #666666;
		margin-right: 20upx;
		border-radius: 30upx;
		text-align: center;
		line-height: 48upx;
	}
	.filter_content_detail_c {
		border: 2upx solid #8938d3;
		color: #8938d3;
	}
}
.buttom_bottom {
	background-color: transparent;
}
.pop_login {
	width: 690upx;
	height: 95upx;
}
.pic_lo {
	width: 100%;
	height: 140upx;
	.pop_login {
		display: block;
		width: 690upx;
		height: 95upx;
		margin: auto !important;
	}
}